{extend name="common@base/common" /}

{block name="style"}
<link href="http://zui.sexy/docs/css/doc.min.css?v=1.8.1" rel="stylesheet" type="text/css"/>
{/block}

{block name="body"}
<header id="header" class="bg-primary">
  <div class="navbar navbar-inverse navbar-fixed-top" id="navbar" role="banner" style="">
    <div class="container">
      <div class="navbar-header">
        <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".zui-navbar-collapse">
          <span class="sr-only">切换导航</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a href="/" class="navbar-brand"><span class="path-zui-36"><i class="path-1"></i><i class="path-2"></i></span> <span class="brand-title">ZUI</span> &nbsp;<small class="format-pkg zui-version" data-fmt-text="{version}">1.8.1</small> <i data-toggle="tooltip" id="compactTogger" data-placement="bottom" class="icon icon-home" data-original-title="" title=""></i></a>
      </div>
      <nav class="collapse navbar-collapse zui-navbar-collapse">
        <ul class="nav navbar-nav navbar-right">
          <li id="navDownloadLink"><a title="立即下载" class="format-pkg" data-fmt-href="docs/download/zui-{version}-dist.zip" target="_blank" href="docs/download/zui-1.8.1-dist.zip"><i class="icon icon-download-alt"></i><span> 立即下载</span></a></li>
          <li><a title="了解禅道项目" href="http://zui.5upm.com/product-browse-2.html" target="_blank"><i class="icon icon-lightbulb"></i><span> 项目</span></a></li>
          <li><a title="论坛" href="http://forum.zui.sexy/forum/" target="_blank"><i class="icon icon-comments-alt"></i><span> 论坛</span></a></li>
          <li><a title="在Github上Star项目" href="https://github.com/easysoft/zui" target="_blank"><i class="icon icon-github"></i><span> Star</span></a></li>
        </ul>
      </nav>
    </div>
  </div>
  <div id="headContainer">
    <div class="container">
      <div id="heading">
        <h1>ZUI</h1>
        <p>一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。</p>
        <div id="download">
          <a data-fmt-href="docs/download/zui-{version}-dist.zip" class="btn btn-primary btn-lg format-pkg" href="docs/download/zui-1.8.1-dist.zip">立即下载 <i class="icon icon-download-alt"></i></a>
          <a href="#basic/download" class="btn btn-white btn-lg">快速上手 <i class="icon icon-hand-right"></i></a>
          <p><small>最新版本 <span class="format-pkg" data-fmt-text="{version}">1.8.1</span> &nbsp; <a title="更新日志" style="color: #f1f1f1" href="#learn/newly">更新日志</a> &nbsp; <a style="color: #f1f1f1" href="https://github.com/easysoft/zui/archive/master.zip" target="_blank">下载源码</a></small></p>
        </div>
        <p><span data-toggle="tooltip" data-html="true" title="" data-original-title="加群请注明加群缘由，<br>或者使用暗号：ZUI is sexy">QQ群：384135104</span> &nbsp; <a href="http://forum.zui.sexy/forum/" style="color: #f1f1f1" target="_blank"><i class="icon icon-comments-alt"></i> 论坛</a></p>
      </div>
      <div id="search">
        <div id="searchForm">
          <input type="text" class="form-control input-lg" id="searchInput" placeholder="按钮, control, icon-star...">
          <i class="icon icon-search"></i>
          <button id="searchHelpBtn" type="button" class="btn btn-link"><i class="icon icon-question"></i></button>
        </div>
      </div>
    </div>
    <div class="text-center" id="ad">
      <a id="mzui" class="" href="http://zui.sexy/m/" target="_blank"><i class="icon icon-diamond"></i> &nbsp; MZUI &nbsp; // <span class="hidden-xs inline">为移动端设计，</span>基于 Flex 的 UI 框架</a>
      <a id="xuanxuan" href="http://xuan.im" target="_blank" class="hidden"><i class="icon icon-xuanxuan"></i>喧喧 &nbsp; // <span class="hidden-xs inline">免费、开源、安全、跨平台的</span>聊天方案</a>
    </div>
  </div>
</header>

<div class="container">


</div>
{/block}

{block name="script"}

{/block}